Ext.define('GBIF.SummaryPanel', {
		extend: 'Ext.view.View'	
	,	alias: 'widget.summaryView'
	,	layout: 'fit'
	,	border: false
	,	autoScroll: true
	,	itemSelector: 'div.thumb-wrap'
    ,	multiSelect:false
    ,	singleSelect: true
    ,	cls: 'x-image-view'
	,	deferEmptyText: false
	,	initComponent: function() {
			this.emptyText = '<div style="padding:10px;font-size:14px;">'+ this.txtEmptyText +'<div>';
			this.store = Ext.create('Ext.data.Store', {
					proxy: {
						type: 'ajax'
					,	model: 'SummaryModel'
					,	url: Config.baseUrl + 'resources/api/api.php'
					,	reader: {
								type: 'json'
							,	root: 'summary'
						}	
				}	
			});
			this.tpl =  new Ext.XTemplate(
						'<tpl for=".">'
					,	'<div style="margin:10px">'
					,	'<h1>Summary</h1><br>'
					,	'<table width="453" border="0" cellpadding="5" cellspacing="0" style="font-size: 12px; border: solid #CCC thin;">'
					,	'	<tr>'
					,	'		<th width="165" bgcolor="#efefef" scope="col"> Taxa</th>'
					,	'		<th width="172" bgcolor="#efefef" scope="col">Distinct Names</th>'
					,	'		<th width="116" bgcolor="#efefef" scope="col">Records Changed</th>'
					,	'	</tr>'
					,	'	<tr>'
					,	'		<td> Kingdom:</td>'
					,	'		<td>{kingdom}</td>'
					,	'		<td>{kingdom_variance}</td>'
					,	'	</tr>'
					,	'	<tr>'
					,	'		<td> Phylum:</td>'
					,	'		<td>{phylum}</td>'
					,	'		<td>{phylum_variance}</td>'
					,	'	</tr>'
					,	'	<tr>'
					,	'		<td> Class:</td>'
					,	'		<td>{class_}</td>'
					,	'		<td>{class_variance}</td>'
					,	'	</tr>'
					,	'	<tr>'
					,	'		<td> Order:</td>'
					,	'		<td>{order}</td>'
					,	'		<td>{order_variance}</td>'
					,	'	</tr>'
					,	'	<tr>'
					,	'		<td> Family:</td>'
					,	'		<td>{family}</td>'
					,	'		<td>{family_variance}</td>'
					,	'	</tr>'
					,	'	<tr>'
					,	'		<td> Genus:</td>'
					,	'		<td>{genus}</td>'
					,	'		<td>{genus_variance}</td>'
					,	'	</tr>'
					,	'	<tr>'
					,	'		<td> Scientific Name:</td>'
					,	'		<td>{scientificName}</td>'
					,	'		<td>{scientificName_variance}</td>'
					,	'	</tr>'
					,	'</table>'
					,	'</div>'
					,	'</tpl>'
				);
			this.callParent();
		}
});